<script setup>
import { useRoute } from "vue-router";
import store from "./vuex";
import "solana-wallets-vue/styles.css";
//import BasicPage from './pages/BasicPage'

import {
  PhantomWalletAdapter,
  TorusWalletAdapter,
  SolflareWalletAdapter,
} from "@solana/wallet-adapter-wallets";
import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
import { SlopeWalletAdapter } from "@solana/wallet-adapter-slope";

import { initWallet } from "solana-wallets-vue";

const wallets = [
  new PhantomWalletAdapter(),
  new SolflareWalletAdapter({ network: WalletAdapterNetwork.Devnet }),
];

initWallet({ wallets, autoConnect: store.state.autoConnect });


</script>

<template>
  <!-- <div>
    <main class="flex flex-col h-screen">
      <header>
        <title>Solana Scaffold Li</title>
      </header>
      <app-bar class="block"></app-bar>
      <Notifications position="top right" classes="my-custom-class" />
      <IpfsUploader></IpfsUploader>
      <router-view class="mx-auto h-4/5 block"></router-view>
      <footer-bar></footer-bar>
    </main>
    <router-view class="mx-auto h-4/5 block"></router-view>
  </div> -->
  <router-view></router-view>
</template>
<style scoped></style>
